<template>
	<view class="showcasetwo" :style="{marginTop: source.margin + 'px', marginBottom: source.margin2 + 'px'}">
		<view v-for="(item, index) in source.img_list" :key="index" class="item">
			<wx-auth :type="1" :link="item"></wx-auth>
			<image :src="item.url" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			source: [Object]
		}
	}
</script>

<style lang="less">
@import '../../../common/styles/variables.less';	
.showcasetwo {
	display:flex;
	overflow:hidden;
	padding: 10upx 0;
	.item {
		flex:1;
		margin-right: 16upx;
		position: relative;
		&:last-of-type {
			margin-right: 0;
		}
		image {
			width: 100%;
			display: block;
		}
	}
}
</style>
